<template>
  <div>
    <el-link @click.prevent="isshow3" type="primary">回到上级</el-link>
    <div id="body">
      <div class="questionmsg">
        <div class="questions">
          题目列表：
          <!-- 时间委派与自定义属性提高渲染速度，减轻浏览器压力 -->
          <div class="list" @click="handoffQues">
            <a
              href="javascript:;"
              :style="{ backgroundColor: index == i ? 'red' : 'white' }"
              :data-quesnumber="index"
              title="切换题目"
              v-for="(item, index) in show"
              :key="index"
              >{{ index + 1 }}</a
            >
          </div>
        </div>
        <div class="stumsg">
          <span>姓名：{{ student.stuname }}</span
          ><span>分数：{{ student.scoreAll }}</span>
        </div>
      </div>
      <div class="showquestion">
        <div class="title">题目:<br />{{ show[i].title }}</div>
        <div class="answer">作答：<br />{{ show[i].answer }}</div>
        <div class="whyScore">
          <div class="why">解析：<br />{{ show[i].why }}</div>
          <div class="score">
            <div class="s1">
              评分：<el-input-number v-model="num1"></el-input-number><br />
              <el-button type="primary" icon="el-icon-check" @click="editScore"
                >确定</el-button
              >
            </div>
            <div class="s2">
              切换题目:<el-button-group>
                <el-button
                  type="primary"
                  icon="el-icon-arrow-left"
                  @click="prequs"
                  >上一题</el-button
                >
                <el-button type="primary" @click="nextqus"
                  >下一题<i class="el-icon-arrow-right el-icon--right"></i
                ></el-button>
              </el-button-group>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: "teachLook",
  props: ["student"],
  data() {
    return {
      i: 0,
      num1: 1,
      show: [
        {
          //展示的题目数据，暂时为死数据
          title:
            "1111111111《秋雨》张爱玲 雨，像银灰色黏湿的蛛丝，织成一片轻柔的网，网住了整个秋的世界。天地是暗沉沉的，像古老的住宅里缠满着蛛丝网的屋顶。那堆在天上的灰白色的云片，就像屋顶上剥落的白粉。在这古旧的屋顶的笼罩下，一切都是异常的沉闷。园子里绿翳翳的石榴、桑树、葡萄藤，都不过代表着过去盛夏的繁荣，现在已成了古罗马建筑的遗迹一样，",
          answer:
            "雨静悄悄地下着，只有一点细细的淅沥沥的声音。桔红色的房屋，像披着鲜艳袈裟的老僧，垂头合目，受着雨底洗礼。那潮湿的红砖，发出有刺激性的猪血的颜色和墙下绿油油的桂叶成为强烈的对照。灰色的癞蛤蟆，在湿料发霉的泥地里跳跃着；在秋雨的沉闷的网底，只有它是唯一的充满愉快的生气的东西。它背上灰黄斑的花纹，跟沉闷的天空遥遥相应，造成和谐的色调。",
          why: "雨，像银灰色黏濡的蛛丝，织成一片轻柔的网，网住了整个秋的世界。",
        },
        {
          title:
            "2222222222222《秋雨》张爱玲 雨，像银灰色黏湿的蛛丝，织成一片轻柔的网，网住了整个秋的世界。天地是暗沉沉的，像古老的住宅里缠满着蛛丝网的屋顶。那堆在天上的灰白色的云片，就像屋顶上剥落的白粉。在这古旧的屋顶的笼罩下，一切都是异常的沉闷。园子里绿翳翳的石榴、桑树、葡萄藤，都不过代表着过去盛夏的繁荣，现在已成了古罗马建筑的遗迹一样，",
          answer:
            "雨静悄悄地下着，只有一点细细的淅沥沥的声音。桔红色的房屋，像披着鲜艳袈裟的老僧，垂头合目，受着雨底洗礼。那潮湿的红砖，发出有刺激性的猪血的颜色和墙下绿油油的桂叶成为强烈的对照。灰色的癞蛤蟆，在湿料发霉的泥地里跳跃着；在秋雨的沉闷的网底，只有它是唯一的充满愉快的生气的东西。它背上灰黄斑的花纹，跟沉闷的天空遥遥相应，造成和谐的色调。",
          why: "雨，像银灰色黏濡的蛛丝，织成一片轻柔的网，网住了整个秋的世界。",
        },
        {
          title:
            "33333333333《秋雨》张爱玲 雨，像银灰色黏湿的蛛丝，织成一片轻柔的网，网住了整个秋的世界。天地是暗沉沉的，像古老的住宅里缠满着蛛丝网的屋顶。那堆在天上的灰白色的云片，就像屋顶上剥落的白粉。在这古旧的屋顶的笼罩下，一切都是异常的沉闷。园子里绿翳翳的石榴、桑树、葡萄藤，都不过代表着过去盛夏的繁荣，现在已成了古罗马建筑的遗迹一样，",
          answer:
            "雨静悄悄地下着，只有一点细细的淅沥沥的声音。桔红色的房屋，像披着鲜艳袈裟的老僧，垂头合目，受着雨底洗礼。那潮湿的红砖，发出有刺激性的猪血的颜色和墙下绿油油的桂叶成为强烈的对照。灰色的癞蛤蟆，在湿料发霉的泥地里跳跃着；在秋雨的沉闷的网底，只有它是唯一的充满愉快的生气的东西。它背上灰黄斑的花纹，跟沉闷的天空遥遥相应，造成和谐的色调。",
          why: "雨，像银灰色黏濡的蛛丝，织成一片轻柔的网，网住了整个秋的世界。",
        },
        {
          //展示的题目数据，暂时为死数据
          title:
            "44444444444《秋雨》张爱玲 雨，像银灰色黏湿的蛛丝，织成一片轻柔的网，网住了整个秋的世界。天地是暗沉沉的，像古老的住宅里缠满着蛛丝网的屋顶。那堆在天上的灰白色的云片，就像屋顶上剥落的白粉。在这古旧的屋顶的笼罩下，一切都是异常的沉闷。园子里绿翳翳的石榴、桑树、葡萄藤，都不过代表着过去盛夏的繁荣，现在已成了古罗马建筑的遗迹一样，",
          answer:
            "雨静悄悄地下着，只有一点细细的淅沥沥的声音。桔红色的房屋，像披着鲜艳袈裟的老僧，垂头合目，受着雨底洗礼。那潮湿的红砖，发出有刺激性的猪血的颜色和墙下绿油油的桂叶成为强烈的对照。灰色的癞蛤蟆，在湿料发霉的泥地里跳跃着；在秋雨的沉闷的网底，只有它是唯一的充满愉快的生气的东西。它背上灰黄斑的花纹，跟沉闷的天空遥遥相应，造成和谐的色调。",
          why: "雨，像银灰色黏濡的蛛丝，织成一片轻柔的网，网住了整个秋的世界。",
        },
        {
          title:
            "5555555555555《秋雨》张爱玲 雨，像银灰色黏湿的蛛丝，织成一片轻柔的网，网住了整个秋的世界。天地是暗沉沉的，像古老的住宅里缠满着蛛丝网的屋顶。那堆在天上的灰白色的云片，就像屋顶上剥落的白粉。在这古旧的屋顶的笼罩下，一切都是异常的沉闷。园子里绿翳翳的石榴、桑树、葡萄藤，都不过代表着过去盛夏的繁荣，现在已成了古罗马建筑的遗迹一样，",
          answer:
            "雨静悄悄地下着，只有一点细细的淅沥沥的声音。桔红色的房屋，像披着鲜艳袈裟的老僧，垂头合目，受着雨底洗礼。那潮湿的红砖，发出有刺激性的猪血的颜色和墙下绿油油的桂叶成为强烈的对照。灰色的癞蛤蟆，在湿料发霉的泥地里跳跃着；在秋雨的沉闷的网底，只有它是唯一的充满愉快的生气的东西。它背上灰黄斑的花纹，跟沉闷的天空遥遥相应，造成和谐的色调。",
          why: "雨，像银灰色黏濡的蛛丝，织成一片轻柔的网，网住了整个秋的世界。",
        },
        {
          title:
            "66666666666666《秋雨》张爱玲 雨，像银灰色黏湿的蛛丝，织成一片轻柔的网，网住了整个秋的世界。天地是暗沉沉的，像古老的住宅里缠满着蛛丝网的屋顶。那堆在天上的灰白色的云片，就像屋顶上剥落的白粉。在这古旧的屋顶的笼罩下，一切都是异常的沉闷。园子里绿翳翳的石榴、桑树、葡萄藤，都不过代表着过去盛夏的繁荣，现在已成了古罗马建筑的遗迹一样，",
          answer:
            "雨静悄悄地下着，只有一点细细的淅沥沥的声音。桔红色的房屋，像披着鲜艳袈裟的老僧，垂头合目，受着雨底洗礼。那潮湿的红砖，发出有刺激性的猪血的颜色和墙下绿油油的桂叶成为强烈的对照。灰色的癞蛤蟆，在湿料发霉的泥地里跳跃着；在秋雨的沉闷的网底，只有它是唯一的充满愉快的生气的东西。它背上灰黄斑的花纹，跟沉闷的天空遥遥相应，造成和谐的色调。",
          why: "雨，像银灰色黏濡的蛛丝，织成一片轻柔的网，网住了整个秋的世界。",
        },
        {
          //展示的题目数据，暂时为死数据
          title:
            "777777777777777《秋雨》张爱玲 雨，像银灰色黏湿的蛛丝，织成一片轻柔的网，网住了整个秋的世界。天地是暗沉沉的，像古老的住宅里缠满着蛛丝网的屋顶。那堆在天上的灰白色的云片，就像屋顶上剥落的白粉。在这古旧的屋顶的笼罩下，一切都是异常的沉闷。园子里绿翳翳的石榴、桑树、葡萄藤，都不过代表着过去盛夏的繁荣，现在已成了古罗马建筑的遗迹一样，",
          answer:
            "雨静悄悄地下着，只有一点细细的淅沥沥的声音。桔红色的房屋，像披着鲜艳袈裟的老僧，垂头合目，受着雨底洗礼。那潮湿的红砖，发出有刺激性的猪血的颜色和墙下绿油油的桂叶成为强烈的对照。灰色的癞蛤蟆，在湿料发霉的泥地里跳跃着；在秋雨的沉闷的网底，只有它是唯一的充满愉快的生气的东西。它背上灰黄斑的花纹，跟沉闷的天空遥遥相应，造成和谐的色调。",
          why: "雨，像银灰色黏濡的蛛丝，织成一片轻柔的网，网住了整个秋的世界。",
        },
        {
          title:
            "888888888888888《秋雨》张爱玲 雨，像银灰色黏湿的蛛丝，织成一片轻柔的网，网住了整个秋的世界。天地是暗沉沉的，像古老的住宅里缠满着蛛丝网的屋顶。那堆在天上的灰白色的云片，就像屋顶上剥落的白粉。在这古旧的屋顶的笼罩下，一切都是异常的沉闷。园子里绿翳翳的石榴、桑树、葡萄藤，都不过代表着过去盛夏的繁荣，现在已成了古罗马建筑的遗迹一样，",
          answer:
            "雨静悄悄地下着，只有一点细细的淅沥沥的声音。桔红色的房屋，像披着鲜艳袈裟的老僧，垂头合目，受着雨底洗礼。那潮湿的红砖，发出有刺激性的猪血的颜色和墙下绿油油的桂叶成为强烈的对照。灰色的癞蛤蟆，在湿料发霉的泥地里跳跃着；在秋雨的沉闷的网底，只有它是唯一的充满愉快的生气的东西。它背上灰黄斑的花纹，跟沉闷的天空遥遥相应，造成和谐的色调。",
          why: "雨，像银灰色黏濡的蛛丝，织成一片轻柔的网，网住了整个秋的世界。",
        },
        {
          title:
            "99999999999999《秋雨》张爱玲 雨，像银灰色黏湿的蛛丝，织成一片轻柔的网，网住了整个秋的世界。天地是暗沉沉的，像古老的住宅里缠满着蛛丝网的屋顶。那堆在天上的灰白色的云片，就像屋顶上剥落的白粉。在这古旧的屋顶的笼罩下，一切都是异常的沉闷。园子里绿翳翳的石榴、桑树、葡萄藤，都不过代表着过去盛夏的繁荣，现在已成了古罗马建筑的遗迹一样，",
          answer:
            "雨静悄悄地下着，只有一点细细的淅沥沥的声音。桔红色的房屋，像披着鲜艳袈裟的老僧，垂头合目，受着雨底洗礼。那潮湿的红砖，发出有刺激性的猪血的颜色和墙下绿油油的桂叶成为强烈的对照。灰色的癞蛤蟆，在湿料发霉的泥地里跳跃着；在秋雨的沉闷的网底，只有它是唯一的充满愉快的生气的东西。它背上灰黄斑的花纹，跟沉闷的天空遥遥相应，造成和谐的色调。",
          why: "雨，像银灰色黏濡的蛛丝，织成一片轻柔的网，网住了整个秋的世界。",
        },
        {
          //展示的题目数据，暂时为死数据
          title:
            "110101010101101010《秋雨》张爱玲 雨，像银灰色黏湿的蛛丝，织成一片轻柔的网，网住了整个秋的世界。天地是暗沉沉的，像古老的住宅里缠满着蛛丝网的屋顶。那堆在天上的灰白色的云片，就像屋顶上剥落的白粉。在这古旧的屋顶的笼罩下，一切都是异常的沉闷。园子里绿翳翳的石榴、桑树、葡萄藤，都不过代表着过去盛夏的繁荣，现在已成了古罗马建筑的遗迹一样，",
          answer:
            "雨静悄悄地下着，只有一点细细的淅沥沥的声音。桔红色的房屋，像披着鲜艳袈裟的老僧，垂头合目，受着雨底洗礼。那潮湿的红砖，发出有刺激性的猪血的颜色和墙下绿油油的桂叶成为强烈的对照。灰色的癞蛤蟆，在湿料发霉的泥地里跳跃着；在秋雨的沉闷的网底，只有它是唯一的充满愉快的生气的东西。它背上灰黄斑的花纹，跟沉闷的天空遥遥相应，造成和谐的色调。",
          why: "雨，像银灰色黏濡的蛛丝，织成一片轻柔的网，网住了整个秋的世界。",
        },
        {
          title:
            "1111111111111111111111《秋雨》张爱玲 雨，像银灰色黏湿的蛛丝，织成一片轻柔的网，网住了整个秋的世界。天地是暗沉沉的，像古老的住宅里缠满着蛛丝网的屋顶。那堆在天上的灰白色的云片，就像屋顶上剥落的白粉。在这古旧的屋顶的笼罩下，一切都是异常的沉闷。园子里绿翳翳的石榴、桑树、葡萄藤，都不过代表着过去盛夏的繁荣，现在已成了古罗马建筑的遗迹一样，",
          answer:
            "雨静悄悄地下着，只有一点细细的淅沥沥的声音。桔红色的房屋，像披着鲜艳袈裟的老僧，垂头合目，受着雨底洗礼。那潮湿的红砖，发出有刺激性的猪血的颜色和墙下绿油油的桂叶成为强烈的对照。灰色的癞蛤蟆，在湿料发霉的泥地里跳跃着；在秋雨的沉闷的网底，只有它是唯一的充满愉快的生气的东西。它背上灰黄斑的花纹，跟沉闷的天空遥遥相应，造成和谐的色调。",
          why: "雨，像银灰色黏濡的蛛丝，织成一片轻柔的网，网住了整个秋的世界。",
        },
        {
          title:
            "12121211121212112《秋雨》张爱玲 雨，像银灰色黏湿的蛛丝，织成一片轻柔的网，网住了整个秋的世界。天地是暗沉沉的，像古老的住宅里缠满着蛛丝网的屋顶。那堆在天上的灰白色的云片，就像屋顶上剥落的白粉。在这古旧的屋顶的笼罩下，一切都是异常的沉闷。园子里绿翳翳的石榴、桑树、葡萄藤，都不过代表着过去盛夏的繁荣，现在已成了古罗马建筑的遗迹一样，",
          answer:
            "雨静悄悄地下着，只有一点细细的淅沥沥的声音。桔红色的房屋，像披着鲜艳袈裟的老僧，垂头合目，受着雨底洗礼。那潮湿的红砖，发出有刺激性的猪血的颜色和墙下绿油油的桂叶成为强烈的对照。灰色的癞蛤蟆，在湿料发霉的泥地里跳跃着；在秋雨的沉闷的网底，只有它是唯一的充满愉快的生气的东西。它背上灰黄斑的花纹，跟沉闷的天空遥遥相应，造成和谐的色调。",
          why: "雨，像银灰色黏濡的蛛丝，织成一片轻柔的网，网住了整个秋的世界。",
        },
        {
          //展示的题目数据，暂时为死数据
          title:
            "13131313131313131313《秋雨》张爱玲 雨，像银灰色黏湿的蛛丝，织成一片轻柔的网，网住了整个秋的世界。天地是暗沉沉的，像古老的住宅里缠满着蛛丝网的屋顶。那堆在天上的灰白色的云片，就像屋顶上剥落的白粉。在这古旧的屋顶的笼罩下，一切都是异常的沉闷。园子里绿翳翳的石榴、桑树、葡萄藤，都不过代表着过去盛夏的繁荣，现在已成了古罗马建筑的遗迹一样，",
          answer:
            "雨静悄悄地下着，只有一点细细的淅沥沥的声音。桔红色的房屋，像披着鲜艳袈裟的老僧，垂头合目，受着雨底洗礼。那潮湿的红砖，发出有刺激性的猪血的颜色和墙下绿油油的桂叶成为强烈的对照。灰色的癞蛤蟆，在湿料发霉的泥地里跳跃着；在秋雨的沉闷的网底，只有它是唯一的充满愉快的生气的东西。它背上灰黄斑的花纹，跟沉闷的天空遥遥相应，造成和谐的色调。",
          why: "雨，像银灰色黏濡的蛛丝，织成一片轻柔的网，网住了整个秋的世界。",
        },
        {
          title:
            "141414141414141414141《秋雨》张爱玲 雨，像银灰色黏湿的蛛丝，织成一片轻柔的网，网住了整个秋的世界。天地是暗沉沉的，像古老的住宅里缠满着蛛丝网的屋顶。那堆在天上的灰白色的云片，就像屋顶上剥落的白粉。在这古旧的屋顶的笼罩下，一切都是异常的沉闷。园子里绿翳翳的石榴、桑树、葡萄藤，都不过代表着过去盛夏的繁荣，现在已成了古罗马建筑的遗迹一样，",
          answer:
            "雨静悄悄地下着，只有一点细细的淅沥沥的声音。桔红色的房屋，像披着鲜艳袈裟的老僧，垂头合目，受着雨底洗礼。那潮湿的红砖，发出有刺激性的猪血的颜色和墙下绿油油的桂叶成为强烈的对照。灰色的癞蛤蟆，在湿料发霉的泥地里跳跃着；在秋雨的沉闷的网底，只有它是唯一的充满愉快的生气的东西。它背上灰黄斑的花纹，跟沉闷的天空遥遥相应，造成和谐的色调。",
          why: "雨，像银灰色黏濡的蛛丝，织成一片轻柔的网，网住了整个秋的世界。",
        },
        {
          title:
            "15115115151515155115《秋雨》张爱玲 雨，像银灰色黏湿的蛛丝，织成一片轻柔的网，网住了整个秋的世界。天地是暗沉沉的，像古老的住宅里缠满着蛛丝网的屋顶。那堆在天上的灰白色的云片，就像屋顶上剥落的白粉。在这古旧的屋顶的笼罩下，一切都是异常的沉闷。园子里绿翳翳的石榴、桑树、葡萄藤，都不过代表着过去盛夏的繁荣，现在已成了古罗马建筑的遗迹一样，",
          answer:
            "雨静悄悄地下着，只有一点细细的淅沥沥的声音。桔红色的房屋，像披着鲜艳袈裟的老僧，垂头合目，受着雨底洗礼。那潮湿的红砖，发出有刺激性的猪血的颜色和墙下绿油油的桂叶成为强烈的对照。灰色的癞蛤蟆，在湿料发霉的泥地里跳跃着；在秋雨的沉闷的网底，只有它是唯一的充满愉快的生气的东西。它背上灰黄斑的花纹，跟沉闷的天空遥遥相应，造成和谐的色调。",
          why: "雨，像银灰色黏濡的蛛丝，织成一片轻柔的网，网住了整个秋的世界。",
        },
        {
          //展示的题目数据，暂时为死数据
          title:
            "116161616116161661616《秋雨》张爱玲 雨，像银灰色黏湿的蛛丝，织成一片轻柔的网，网住了整个秋的世界。天地是暗沉沉的，像古老的住宅里缠满着蛛丝网的屋顶。那堆在天上的灰白色的云片，就像屋顶上剥落的白粉。在这古旧的屋顶的笼罩下，一切都是异常的沉闷。园子里绿翳翳的石榴、桑树、葡萄藤，都不过代表着过去盛夏的繁荣，现在已成了古罗马建筑的遗迹一样，",
          answer:
            "雨静悄悄地下着，只有一点细细的淅沥沥的声音。桔红色的房屋，像披着鲜艳袈裟的老僧，垂头合目，受着雨底洗礼。那潮湿的红砖，发出有刺激性的猪血的颜色和墙下绿油油的桂叶成为强烈的对照。灰色的癞蛤蟆，在湿料发霉的泥地里跳跃着；在秋雨的沉闷的网底，只有它是唯一的充满愉快的生气的东西。它背上灰黄斑的花纹，跟沉闷的天空遥遥相应，造成和谐的色调。",
          why: "雨，像银灰色黏濡的蛛丝，织成一片轻柔的网，网住了整个秋的世界。",
        },
        {
          title:
            "11717171711717171711711《秋雨》张爱玲 雨，像银灰色黏湿的蛛丝，织成一片轻柔的网，网住了整个秋的世界。天地是暗沉沉的，像古老的住宅里缠满着蛛丝网的屋顶。那堆在天上的灰白色的云片，就像屋顶上剥落的白粉。在这古旧的屋顶的笼罩下，一切都是异常的沉闷。园子里绿翳翳的石榴、桑树、葡萄藤，都不过代表着过去盛夏的繁荣，现在已成了古罗马建筑的遗迹一样，",
          answer:
            "雨静悄悄地下着，只有一点细细的淅沥沥的声音。桔红色的房屋，像披着鲜艳袈裟的老僧，垂头合目，受着雨底洗礼。那潮湿的红砖，发出有刺激性的猪血的颜色和墙下绿油油的桂叶成为强烈的对照。灰色的癞蛤蟆，在湿料发霉的泥地里跳跃着；在秋雨的沉闷的网底，只有它是唯一的充满愉快的生气的东西。它背上灰黄斑的花纹，跟沉闷的天空遥遥相应，造成和谐的色调。",
          why: "雨，像银灰色黏濡的蛛丝，织成一片轻柔的网，网住了整个秋的世界。",
        },
        {
          title:
            "181818181818181818181818《秋雨》张爱玲 雨，像银灰色黏湿的蛛丝，织成一片轻柔的网，网住了整个秋的世界。天地是暗沉沉的，像古老的住宅里缠满着蛛丝网的屋顶。那堆在天上的灰白色的云片，就像屋顶上剥落的白粉。在这古旧的屋顶的笼罩下，一切都是异常的沉闷。园子里绿翳翳的石榴、桑树、葡萄藤，都不过代表着过去盛夏的繁荣，现在已成了古罗马建筑的遗迹一样，",
          answer:
            "雨静悄悄地下着，只有一点细细的淅沥沥的声音。桔红色的房屋，像披着鲜艳袈裟的老僧，垂头合目，受着雨底洗礼。那潮湿的红砖，发出有刺激性的猪血的颜色和墙下绿油油的桂叶成为强烈的对照。灰色的癞蛤蟆，在湿料发霉的泥地里跳跃着；在秋雨的沉闷的网底，只有它是唯一的充满愉快的生气的东西。它背上灰黄斑的花纹，跟沉闷的天空遥遥相应，造成和谐的色调。",
          why: "雨，像银灰色黏濡的蛛丝，织成一片轻柔的网，网住了整个秋的世界。",
        },
      ],
    };
  },
  methods: {
    isshow3() {
      this.$store.state.markeMsg.isshow3 = true;
    },
    handoffQues(event) {
      // console.log(event.target.dataset);//通过时间委派和自定义属性实现节流
      var dataset = event.target.dataset.quesnumber;
      if (dataset) {
        //含有自定义属性为a元素
        this.i = parseInt(dataset);
      }
    },
    prequs() {
      if (this.i > 0) {
        this.i--;
      }
    },
    nextqus() {
      if (this.i < this.show.length - 1) {
        this.i++;
      }
    },
    editScore() {
      if(this.i<this.show.length-1){
        this.$store.state.stuMsg.tableData.forEach((element, index) => {
        if (element.stuid === this.student.stuid) {
          this.$store.state.stuMsg.tableData[index].scoreAll += this.num1;
          this.student.scoreAll =
            this.$store.state.stuMsg.tableData[index].scoreAll;
        }
      });
      this.nextqus();
      this.num1 = 1;
      }
    },
  },
};
</script>


<style scoped lang="less">
* {
  box-sizing: border-box;
}
.el-link {
  margin-bottom: 10px;
}
#body {
  width: 100%;
  height: 549px;
  border: 5px solid gray;
  border-radius: 10px;
  display: flex;
  overflow: hidden;
  .questionmsg {
    flex: 1;
    display: flex;
    flex-direction: column;
    .questions {
      flex: 1;
      overflow: scroll;
      padding: 10px;
      background-color: rgb(192, 192, 192);
      .list {
        a {
          display: inline-block;
          margin: 6px;
          width: 28px;
          height: 30px;
          border: 2px solid pink;
          border-radius: 5px;
          text-decoration: none;
          line-height: 30px;
          text-align: center;
          color: black;
          &:hover {
            background-color: pink;
          }
        }
      }
    }
    .stumsg {
      padding: 10px;
      height: 100px;
      background-color: aliceblue;
      font-size: 20px;
      text-indent: 1em;
      span {
        display: block;
        font-weight: 700;
      }
    }
  }
  .showquestion {
    flex: 4;
    background-color: whitesmoke;
    display: flex;
    flex-direction: column;
    padding: 10px;
    .title,
    .answer {
      flex: 2;
      border-bottom: 1px solid gray;
    }
    .whyScore {
      flex: 1;
      background-color: whitesmoke;
      display: flex;
      .why {
        flex: 3;
        border-right: 1px solid gray;
      }
      .score {
        flex: 2;
        padding: 10px;
        display: flex;
        align-items: center;
        flex-direction: column;
        background-color: rgb(205, 253, 253);
        .el-input-number {
          display: inline-block !important;
        }
        .s1 > .el-button {
          margin-left: 60%;
        }
        div {
          margin: 5px;
        }
      }
    }
  }
}
</style>